body.layout--home {
    .archive__subtitle {
      display: none;
    }
  
    .archive .list__item:first-child .archive__item-title {
      margin-top: 0;
    }
  }
  
  .archive-group {
    display: flex;
    justify-content: space-around;
  
    @include breakpoint($large) {
      font-size: 0.9em;
    }
  }
  
  .archive-group__item {
    flex: 1 0 0;
    margin-left: gutter(of 12);
    max-width: 100%;
  
    &:first-child {
      margin-left: 0;
  
      @include breakpoint($large) {
        max-width: 67%;
      }
    }
  
    .archive__subtitle a {
      color: inherit;
      text-decoration: none;
    }
  
    .archive__item h2 {
      font-size: 1.33em;
    }
  }
.site-footer {
  padding: 20px 0; // change this to your desired size
}